<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0">
	
<title>首页</title>

<link href="static/Theme/css/base.css" rel="stylesheet">
<link href="static/Theme/css/user.css" rel="stylesheet">

</head>

<body>
<div class="user-top">
	<div class="header user-header">
		<div class="header-msg">
			<a href="../User/MyMessage.html"></a>
		</div>
		
		<div class="header-setting">
			<a href="Setting"></a>
		</div>
	</div>
	
	<div class="user-info">
		<a href="Setting">
			<div class="user-photo">
<!--				<img src="static/Theme/images/member.png">-->
				<img src="{$user['head']}">

			</div>

			<h3>{$user['id']}</h3>

			<div class="user-level">
				<i></i>
				<i></i>
				<i></i>
				<i></i>
			</div>
		</a>
	</div>
	
	<div class="user-wallet">
	    <ul>
			<li>
				<a href="../Wallet/AccountRecord.html">
					<h3>8800</h3>
					<span>可提现余额</span>
				</a>
			</li>

			<li>
				<a href="../Wallet/PointRecord.html">
					<h3>12566</h3>	
					<span>进账余额</span>
				</a>
			</li>
		</ul>
	</div>
</div>

<div class="user-container">
	<div class="index-panel">
		<div class="main-menu">
			<ul>
				<li>
					<a href="../Transfer/TransferIn.html">
						<i class="icon-transferin"></i>
						<span>转入</span>
					</a>
				</li>
				<li>
					<a href="../Transfer/TransferOut.html">
						<i class="icon-transferout"></i>
						<span>转出</span>
					</a>
				</li>
				<li>
					<a href="../Trade/Buy.html">
						<i class="icon-buy"></i>
						<span>买入</span>
					</a>
				</li>
				<li>
					<a href="../Trade/Sell.html">
						<i class="icon-sell"></i>
						<span>卖出</span>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="clr"></div>
	
	<div class="index-panel">
		<div class="index-announce">
			<div class="announce-box">
				<ul>
					<li>
						<a href=""><span>08-24</span>标题标题</a>
					</li>
					
					<li>
						<a href=""><span>08-22</span>公告标题公告的标题公告的标题哎哎哎</a>
					</li>

					<li>
						<a href=""><span>08-20</span>USDT即将上市，敬请期待</a>
					</li>

					<li>
						<a href=""><span>08-08</span>网站正式上线运营</a>
					</li>
				</ul>
			</div>
			
			<a href="../Article/Announce.html" class="announce-more">更多</a>
		</div>
		
		<div class="index-menu">
			<ul>
				<li class="no-open">
					<a href="javascript:;" class="index-menu-1">
						<i></i>
						<span>ZFC游戏</span>
					</a>
				</li>
				
				<li class="no-open">
					<a href="javascript:;" class="index-menu-2">
						<i></i>
						<span>ZFC社区</span>
					</a>
				</li>
				
				<li class="no-open">
					<a href="javascript:;" class="index-menu-3">
						<i></i>
						<span>ZFC贷</span>
					</a>
				</li>
			</ul>
		</div>
	</div>
</div>

<div class="nav">
	<ul>
		<li>
			<a href="../Wallet/DigitalAssets.html" class="nav-assets">
				<i></i>
				<span>资产</span>
			</a>
		</li>
		<li>
			<a href="" class="scan-btn">
				<i></i>
				<!--<span>扫码转账</span>-->
			</a>
		</li>
		<li>
			<a href="../Shop/ShopIndex.html" class="nav-shop">
				<i></i>
				<span>店铺</span>
			</a>
		</li>
	</ul>
</div>

<!--暂未开放弹窗-->
<div class="popup">
    <div class="popup-box coming-soon">
        <div class="popup-box-content">
            <div class="coming-soon-content">
				<img src="static/Theme/images/coming_soon.png">
				<p>此功能暂未开放，敬请期待</p>
			</div>
        </div>
        
        <div class="popup-submit">
			<button type="submit" class="confirm-btn">确认</button>
        </div>
    </div>
</div>


<script src="static/Theme/js/jquery-1.11.2.min.js"></script>
<script>
	$(function() {
		
		 //公告轮播
		var adtimer;
		var wrap = $(".announce-box ul");
		var len = $(".announce-box ul li").length;
		if(len>1){
			$(".announce-box").hover(function(){
					clearInterval(adtimer);
				},
				function(){
					adtimer = setInterval(function(){
						var first = wrap.find("li:first");
						var HEIGHT = first.height();
						first.animate({
							marginTop:-HEIGHT+'px'
						},500,function(){
							first.css('marginTop',0).appendTo(wrap);
						})
					},2500)
				}).trigger('mouseleave');
		}
		
		//var num = 0;
//		var width = 0;
//		var length = $('.announce-box ul li').length;
//
//		for(var i=0; i<length; i++){
//			width += $('.announce-box ul li').eq(i).width();
//		}
//		
//		function goLeft() {
//
//			if (num == -parseInt(width)) {
//				num = 0;
//			}
//			num -= 1;
//			$(".announce-box ul").css({
//				marginLeft: num
//			})
//		}
//		
//		//设置滚动速度
//		var timer = setInterval(goLeft, 30);
//		
//		//设置鼠标经过时滚动停止
//		$(".announce-box ul").hover(function() {
//			clearInterval(timer);
//		},
//		function() {
//			timer = setInterval(goLeft, 30);
//		});
		
		//顶部滚动效果
		//$(window).scroll(function(){
//			
//			if ($(window).scrollTop() >= 20){
//				$("#fixedBg").addClass('user-header-fixed');
//			}
//			else{
//				$("#fixedBg").removeClass('user-header-fixed');
//			}
//		});
	});

	
	//暂未开放
	$(function(){
		$('.no-open').click(function(){
			$('.popup').fadeIn();	
			
			var h = ($(window).height() - $('.popup-box').height())/2;
			$('.popup-box').css('margin-top',h);
		});	
		
		$('.confirm-btn').click(function(){
			$('.popup').fadeOut();				  
		});
	});
</script>
</body>
</html>
